.b_imagesupload{
    // position: relative;
    .canvas_wrapper {
      canvas {
          position: absolute;
          z-index: -999;
          left: -99999px;
          top: -99999px;
      }
    }
    &__images{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        &_item{
            position: relative;
            width: 150px;
            height: 150px;
            margin-right: 21px;
            margin-bottom: 21px;
            .list_item__images{
                width: 100%;
                height: 100%;
                vertical-align: middle;
            }
            .list_item__close{
                position: absolute;
                width: 30px;
                height: 30px;
                top: -15px;
                right: -15px;
                z-index: 20;
            }
            &:last-child{
                margin-right: 0;
            }
        }
    }
        .item_bgImage__width{
            width: 240px;
        }

    &__upload{
        width: 150px;
        height: 150px;
        border: 1Px dashed #AAAAAA;
        box-sizing: border-box;
        position: relative;
        text-align: center;
        margin-bottom: 21px;
        &_bg{
            position: absolute;
            top: 30%;
            left: 50%;
            transform: translate(-50%,-30%);
            width:43px;
            height:35px;
            vertical-align: middle;
        }
        &_text{
            position: absolute;
            top: 70%;
            left: 50%;
            transform: translate(-50%,-70%);
            font-size: 22px;
            white-space: nowrap;
            color: #999999;
        }
    }

    &__bgImage{
        width: 240px;
        height: 150px;
        border: 1Px dashed #AAAAAA;
        box-sizing: border-box;
        position: relative;
        text-align: center;
        margin-bottom: 21px;
        &_bg{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            width:100%;
            height:100%;
            vertical-align: middle;
        }
        &_text{
            position: absolute;
            left: 50%;
            bottom: -45px;
            transform: translateX(-50%);
            font-size: 22px;
            white-space: nowrap;
            color: #999999;
        }

    }

    &__title{
        &_text{
            height: 90px;
            line-height: 90px;
            background-color: #F8F8F8;
            font-size: 32px;
            color: #333333;
            font-weight: 600;
        }
    }

    &__look{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 999;
        background-color: #333333;
        &_item{
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 690px;
            height: 75vh;
            vertical-align: middle;
        }
    }
    .at-action-sheet__item{
        padding:28px 0;
        font-size: 28px;
        color: #333333;
    }
    .at-action-sheet__footer{
        padding: 28px 0;
        font-size: 28px;
        color: #666;
    }
}
